<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title>Rollover bubble for list items (YUI-CMS examples)</title>
<meta name='author' content='Caridy Patino (caridy at gmail.com)' />
<!-- Reset and Fonts -->
<link rel="stylesheet" type="text/css" href="../assets/example.css">
<!-- Dependency source files -->
<script type="text/javascript" src="http://yui.yahooapis.com/2.2.2/build/utilities/utilities.js"></script>
<script type="text/javascript" src='../../../yui-cms/build/bubbling/bubbling.js'></script>
<script type="text/javascript">

	YAHOO.CMS.Bubble.bubble.rollover.subscribe(
		function (layer, args) {
		  if (!args[1].decrepitate) {
		  	  var el = YAHOO.CMS.Bubble.getAncestorByTagName( args[1].target, 'LI' );
		      if (YAHOO.lang.isObject(el)) {
			  	// do your stuff here...
			  	alert ( el );
			  }
		  }
	    }
	);

</script>
</head>
<body id="cms-body">
<div id="doc">
	
	<div class="path">
	  <a href="http://bubbling.comarq.com/" target="_top">Bubbling Library</a> &gt; <a href="http://bubbling.comarq.com/eng/examples" target="_top">Examples</a>
	</div>
	
    <h1>Rollover bubble for list items (YUI-CMS examples)</h1>
    <p>
    	You can use the bubble "rollover" to get management the mouseover event for each list box item or any other DOM element. The "bubbling library" use the "Bubble up technique" and "custom events" to handle every Event inside the browser.
    </p>
    <div id="listboxfrommarkup">
        <h2>From Markup</h2>
        <ul>
          <li id="linkbutton1"><span class="first-child"><a href="http://www.yahoo.com">Yahoo!</a></span></li>
          <li id="linkbutton2"><span class="first-child"><a href="http://www.yahoo.com">Yahoo!</a></span></li>
          <li id="linkbutton3"><span class="first-child"><a href="http://www.yahoo.com">Yahoo!</a></span></li>
    	</ul>
    </div>
	<p>(c) 2006 - 2007 Bubbling Library Developer Team. All Rightes Reserved.</p><p><a href="http://bubbling.comarq.com/" rel="external" title="Bubbling Library Developer Team - Web Design, Web Application, Online Services and AJAX Web Interfaces.">Developed by Bubbling Library Developer Team</a></p>
</div>
</body>
</html>